<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>联盟机票</title>
    <link rel="stylesheet" href="ticket.css">
</head>

<body ondragstart='return false' oncontextmenu='self.event.returnValue=false'>
    <h1 id="t1">联盟.机票</h1>
    <div id="top">
        <span id="t">机票预订</span>
        <hr>
        <div class="message_head">
            <span class="one"><img src="bg.jpg" class="img2"></span>
            <span class="one">航班信息</span>
        </div >

        <div id="message_bd">
            <div class="mbd">
                <img src="ZHlogo.jpg" id="img1">
            </div>
            <div class="mbd">
                <span>深圳航空 ZH9390 </span><br>
                <span>机型 738 经停 </span>
            </div>
            <div class="mbd">
                <span>  2020年01月10日 09:45  周水子机场 -- 起飞</span><br>
                <span>  2020年01月10日 14:00  吴圩机场 -- 到达</span>
            </div>
            <div class="mbd">
                <span> ￥1100/成人</span><br>
                <span>  (含税收)</span>
            </div>
            
        </div> 
        <hr>
        <div id="box1">
            <span class="bar1">总价：￥<label id='money'>0</label>(含税收)</span>
            <span class="bar1">人数：<label id='number'>0</label>人</span>
        </div>

        <div class="message_head">
            <span class="one"><img src="bg.jpg" class="img2"></span>
            <span class="one">乘客信息 <label id="f1">请准确填写乘客信息（姓名、证件号码），以免在办理登机手续时发生问题。</label></span>
            
        </div> 

        <div>
            <span class="search">在常用姓名中搜索<input type="text" name="search" size="25px"></span>
            <span class="search" id="s1">
                <form action="">
                <input type="checkbox" onclick="Select_passage(this,'张三三');">张三三
                <input type="checkbox" onclick="Select_passage(this,'李四四');">李四四
                <input type="checkbox" onclick="Select_passage(this,'王五五');">王五五
                <span id="s2">
                    <img src="bg.jpg" class="img2" >
                    <a href="">更多</a>
                </span>
                </form>
            </span>
        </div>
        <br><br>

        <div id="total_div">
        <!-- 乘机人信息 -->
        <div id="div-0">
            <div id="pass0">
                <img src="passage.jpg" class="img3">
                <span id="n0">第<label id='cjr0'>0</label>位乘机人：<label id="pass_0"></label></span> 
                <span id="save0"><input type="checkbox" >保存常用姓名</span>
                <button id="delete0" onclick="Delete();"> <img src="delete.jpg" id="imag4"></button>
            </div>
            <!-- 乘机人盒子内容 -->
            <div id="n_pass_0">
                <form action="">
                <label class="lab1"><label class="lab2">*</label>购票类型：</label>
                <select name="type" style="width:180px;height:22px;">
                    <option value="adult">成人票</option>
                    <option value="child">儿童票</option>
                </select>￥1100/成人（含税费）<br><br>

                <label class="lab1"><label class="lab2">*</label>姓 名 ：</label>
                <input type="text" name="name" id="p_name0" style="width:180px;height:22px;"><br><br>

                <label class="lab1"><label class="lab2">*</label>证件类型：</label>
                <select name="type" style="width:180px;height:22px;">
                    <option value="passport">护照</option>
                    <option value="ID_card">身份证</option>
                </select><br><br>

                <label class="lab1"><label class="lab2">*</label>证件号码：</label>
                <input id="cardid" type="text" name="cart_number" style="width:180px;height:22px;">
                </form>
            </div>
        </div>
        </div>
        <br><br>

        <!-- 增加乘客--> 
        <div id="add_pass">
            <img src="passage.jpg" class="img3">
            <a onclick="creatDiv()">增加乘客</a>
        </div>

        <!-- 联系人信息 -->
        <div class="message_head">
                <span class="one"><img src="bg.jpg" class="img2"></span>
                <span class="one">联系人信息 <label id="f1">请准确填写联系人信息（联系人、手机号码、E-mail），以便我们与您联系。</label></span>
        </div> 
        <div id="person">
            <form action="">
                <label class="lab1"><label class="lab2">*</label>联系人:</label><input id="fri" type="text" name="" style="width:180px;height:22px;"><br><br>
                <label class="lab1"><label class="lab2">*</label>手机号码:</label><input id="tel" type="text"style="width:180px;height:22px;"><br><br>
                <label class="lab1">联系电话:</label><input type="text" value="区号"style="width:50px;height:22px;"><input type="text" value="电话号码" style="width:80px;height:22px;"><input type="text" value="分机" style="width:50px;height:22px;"><br><br>
                <label class="lab1">传真号码:</label><input type="text" value="区号"style="width:50px;height:22px;"><input type="text" value="电话号码" style="width:80px;height:22px;"><input type="text" value="分机" style="width:50px;height:22px;"><br><br>
                <label class="lab1">E-mail:</label><input type="text"style="width:180px;height:22px;"><br><br>
                <label class="lab1">联系地址:</label><input type="text"style="width:180px;height:22px;">
            </form>
        </div><br>
        
        <div id="but">
            <button class="but1" >上一步</button>
            <button class="but1" onclick="checkinfo();" >下一步</button>
        </div>
        <hr>
    </div>

    <script src="buy1.js"></script>
</body>
</html>